<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Banking</title>
<link rel="stylesheet" href="resource/css/screen.css" type="text/css"
	media="screen" title="default" />
<link rel="stylesheet" href="resource/css/ionicons.min.css"
	type="text/css" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
<script src="resource/js/jquery/jquery-2.1.3.min.js"
	type="text/javascript"></script>
<!-- <script src="resource/js/jquery/jquery-ui-1.10.3.js" -->
<!-- 	type="text/javascript"></script> -->
<!--  checkbox styling script -->
<!-- <script src="resource/js/jquery/ui.core.js" type="text/javascript"></script> -->

<script src="resource/js/jquery/jquery.bind.js" type="text/javascript"></script>
<link rel="stylesheet"
	href="resource/css/jquery.dataTables.css" type="text/css" />
<script src="<c:url value="resource/js/jquery/jquery.dataTables.js" />"
	type="text/javascript"></script>



<!--  styled select box script version 1 -->
<script src="resource/js/jquery/jquery.selectbox-0.5.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect').selectbox({
			inputClass : "selectbox_styled"
		});
	});
</script>

<!--  styled select box script version 2 -->
<script src="resource/js/jquery/jquery.selectbox-0.5_style_2.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_form_1').selectbox({
			inputClass : "styledselect_form_1"
		});
		$('.styledselect_form_2').selectbox({
			inputClass : "styledselect_form_2"
		});
	});
</script>

<!--  styled select box script version 3 -->
<script src="resource/js/jquery/jquery.selectbox-0.5_style_2.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_pages').selectbox({
			inputClass : "styledselect_pages"
		});
	});
</script>

<!--  styled file upload script -->
<script src="resource/js/jquery/jquery.filestyle.js"
	type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
	$(function() {
		$("input.file_1").filestyle({
			image : "images/forms/choose-file.gif",
			imageheight : 21,
			imagewidth : 78,
			width : 310
		});
	});
</script>

<!-- Custom jquery scripts -->
<script src="resource/js/jquery/custom_jquery.js" type="text/javascript"></script>

<!-- 
<script src="resource/js/jquery/jquery.tooltip.js"
	type="text/javascript"></script> -->
<!-- <script src="resource/js/jquery/jquery.dimensions.js"
	type="text/javascript"></script> -->
<!-- <script type="text/javascript">
	$(function() {
		$('a.info-tooltip ').tooltip({
			track : true,
			delay : 0,
			fixPNG : true,
			showURL : false,
			showBody : " - ",
			top : -35,
			left : 5
		});
	});
</script> -->


<!--  date picker script -->
<link rel="stylesheet" href="resource/css/datePicker.css"
	type="text/css" />
<script src="resource/js/jquery/date.js" type="text/javascript"></script>
<script src="resource/js/jquery/jquery.datePicker.js"
	type="text/javascript"></script>

<!-- <link rel="stylesheet" href="resources/css/jquery-ui-min.css" -->
<!-- 	type="text/css" /> -->
<!-- <script src="resource/js/bootstrap.js"></script> -->
<link href="resource/css/jquery.dataTables.css" rel="stylesheet">

<script type="text/javascript" charset="utf-8">
	$(function() {
// 			 $( "#startdatepicker" ).datePicker({dateFormat: "yy-mm-dd"});
// 			 $( "#enddatepicker" ).datePicker({dateFormat: "yy-mm-dd"});
		// initialise the "Select date" link
		$('#date-pick').datePicker(
		// associate the link with a date picker
		{
			createButton : false,
			startDate : '01/01/2005',
			endDate : '31/12/2020'
		}).bind(
		// when the link is clicked display the date picker
		'click', function() {
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}).bind(
		// when a date is selected update the SELECTs
		'dateSelected', function(e, selectedDate, $td, state) {
			updateSelects(selectedDate);
		}).bind('dpClosed', function(e, selected) {
			updateSelects(selected[0]);
		});

		var updateSelects = function(selectedDate) {
			var selectedDate = new Date(selectedDate);
			$('#d option[value=' + selectedDate.getDate() + ']').attr(
					'selected', 'selected');
			$('#m option[value=' + (selectedDate.getMonth() + 1) + ']').attr(
					'selected', 'selected');
			$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr(
					'selected', 'selected');
		};
		// listen for when the selects are changed and update the picker
		$('#d, #m, #y').bind('change', function() {
			var d = new Date($('#y').val(), $('#m').val() - 1, $('#d').val());
			$('#date-pick').dpSetSelected(d.asString());
		});

		// default the position of the selects to today
		var today = new Date();
		updateSelects(today.getTime());

		// and update the datePicker to reflect it...
		$('#d').trigger('change');
	});
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<!-- script src="resource/js/jquery/jquery.pngFix.pack.js"
	type="text/javascript"></script> -->
<!-- <script type="text/javascript">
	$(document).ready(function() {
		$(document).pngFix();
	});
</script>
 -->

<!--  Number only for input html  -->
<SCRIPT TYPE="text/javascript">
	// copyright 1999 Idocs, Inc. http://www.idocs.com
	// Distribute this script freely but keep this notice in place
	function numbersonly(myfield, e, dec) {
		var key;
		var keychar;

		if (window.event)
			key = window.event.keyCode;
		else if (e)
			key = e.which;
		else
			return true;
		keychar = String.fromCharCode(key);

		// control keys
		if ((key == null) || (key == 0) || (key == 8) || (key == 9)
				|| (key == 13) || (key == 27))
			return true;

		// numbers
		else if ((("0123456789").indexOf(keychar) > -1))
			return true;

		// decimal point jump
		else if (dec && (keychar == ".")) {
			myfield.form.elements[dec].focus();
			return false;
		} else
			return false;
	}
</SCRIPT>

<!-- How to use -->
<!-- 
<FORM ACTION="../cgi-bin/mycgi.pl" METHOD=POST>
U.S. ZIP Code: 
  <INPUT NAME="dollar" SIZE=5 MAXLENGTH=5
   onKeyPress="return numbersonly(this, event)">
  <INPUT TYPE=SUBMIT VALUE="go">
</FORM> 
-->


